<template>
  <div class="Contact">
    <Row>
      <Col span="23" style="margin-top:10px;margin-left:20px">
      <!-- 顶部按钮和分页 -->
      <Row>
        <Col span="24">
        <Divider>
          <h1>联系方式</h1>
        </Divider>
        </Col>
        <Col span="24" style="margin-top:10px;margin-left:385px">
        <Card style="width:320px">
          <div style="text-align:center">
            <h3 v-clipboard:copy="this.contact" v-clipboard:success="btnActionCopy" v-clipboard:error="btnActionCopyError">{{this.contact}}</h3>
          </div>
        </Card>
        </Col>
      </Row>
      </Col>
    </Row>
  </div>
</template>


<script>
  export default {

    data() {
      return {
        contact: 'atu.cn@wpi-group.com'
      }
    },

    methods: {
      /**
       * 点击按钮，复制联系方式
       */
      btnActionCopy() {
        this.$Message.success("邮箱复制成功");
      },
      btnActionCopyError() {
        this.$Message.warning("邮箱复制失败");
      },
    }
  };
</script>